JSX
JavaScript和XML结合的一种语法，最终通过 转化工具 将JSX 转化成 JS推荐在 React 中使用 JSX 来描述用户界面，JSX既不是字符串也不是HTML，而是XML与JS的混合体
JSX语法：
1、允许在JS中书写XML标签
2、只能有一个顶层元素
3、支持插值表达式 （强大）
4、大写字母开头的标签是组件，小写字母开头的标签是html
<Html></Html>组件
<html></html>html标签
插值表达式语法：{表达式}
书写 JSX 的时候一般都会带上换行和缩进，这样可以增强代码的可读性
同样推荐在 JSX 代码的外面扩上一个小括号，这样可以防止 分号自动插入 的 bug
const element = (
<h1>
Hello, {formatName(user)}!
</h1>
);- 文本插值
<p>{1}</p> //<p>1</p>
<p>{'xinxin'}</p> //<p>xinxin</p>
<p>{true}</p> //<p></p>
<p>{false}</p> //<p></p>
<p>{null}</p> //<p></p>
<p>{undefined}</p> //<p></p>
<p>{NaN}</p> //<p>NaN</p> 有警告
<p>{ [1,'ww'] }</p> //<p>1ww</p>
<p>{ {'bb': 12} }</p> //报错- 属性插值
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。